<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="../css/bootstrap.min.css">
    <link rel="stylesheet" href="../css/bootstrap.css.map">
    <link rel="stylesheet" href="../css/q4.css">
    <script src="../js/jQuery3.6.0.js"></Script>
    <script src="../js/bootstrap.min.js"></Script> 
    <script src="../js/q4.js"></Script> 
</head>
<body>
    <nav class="navbar navbar-default text-center">
        <div class="container nav-div">
          <!-- Brand and toggle get grouped for better mobile display -->
          <div class="navbar-header">
            <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
              <span class="sr-only">Toggle navigation</span>
              <span class="icon-bar"></span>
              <span class="icon-bar"></span>
              <span class="icon-bar"></span>
            </button>
            <a class="navbar-brand" href="../index.html"><img src="../img/logo1.png" alt=""></a>
          </div>
      
          <!-- Collect the nav links, forms, and other content for toggling -->
          <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
            <ul class="nav navbar-nav">
              <li class="dropdown">
                <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">咨讯<span class="caret"></span></a>
                <ul class="dropdown-menu">
                  <li><a href="#">最新</a></li>
                  <li><a href="#">频道</a></li>
                  <li><a href="#">号外</a></li>
                  <li><a href="#">时间线</a></li>
                  <li><a href="#">文集</a></li>
                  <li><a href="#">榜单</a></li>
                </ul>
              </li>
              <li><a href="#">视频</a></li>
              <li><a href="#">24小时</a></li>
              <li><a href="#">专栏更新</a></li>
            </ul>
            <div class="nav navbar-nav navbar-right">
              <a class="nava" href="#">投稿</a>
              <a href="#"><img src="../img/search.png" alt=""></a>
              <a href="#"><img src="../img/user.png" alt=""></a>
            </div>
          </div><!-- /.navbar-collapse -->
        </div><!-- /.container-fluid -->
      </nav>
      <!-- 导航 -->


      <div class="container text-center">
        <div class="col-lg-4 col-md-4 col-sm-4 col-xs-12" id="popo">
          <h1>汽车产业深度研究</h1>
          <p>为汽车产业升级提供深度分析和战略支持</p>
          <button class="nava" id="opop">免费领取</button>
        </div>
        <div class="col-lg-8 col-md-8 col-sm-8 col-xs-12" id="toutou">
          <img src="../img/header.27c47505.jpg" alt="">
        </div>
      </div>
      <div id="box" class="container"></div>
      <div class="container text-center" id="zhong">最新报告</div>
      <div id="box2" class="container"></div>
      <!-- 内容 -->

      <!-- 底部 -->
      <footer>
        <div class="container ff">
          <div class="row">
            <div class="col-lg-4 col-md-4 col-sm-12 col-xs-12 f1">
              <div class="f1-1">
                虎嗅是一个聚焦科技与创新的资讯平台，致力于为一切热爱思考与发现的用户，提供有效率的信息服务。
              </div>
              <!-- <div class="f1-2">
                <img class="tan1" src="img/tan.png" alt="">
                <img class="tan2" src="img/tan.png" alt="">
                <img class="tan3" src="img/tan.png" alt="">
                <a href="#"><img class="wecat" src="img/wecat.png" alt=""></a>
                <a href="#"><img class="aphone" src="img/aphone.png" alt=""></a>
                <a href="#"><img class="anirod" src="img/anirod.png" alt=""></a>
              </div> -->
            </div>
            <div class="col-lg-4 col-md-4 col-sm-4 col-xs-12 f2">
              <div class="f2-1">
                <a href="#">24小时：全天不间断的商业科技资讯和热点报道，及时为你推送。</a>
              </div>
              <div class="f2-2">
                <a href="#">关于我们</a>
                <a href="#">加入我们</a>
                <a href="#">合作伙伴</a>
              </div>
            </div>
            <div class="col-lg-4 col-md-4 col-sm-4 col-xs-12 f3">
              <div class="f3-1">
                <a href="#">妙投：新经济·新钱·新价值。</a>
              </div>
              <div class="f3-2">
                <a href="#">防网络诈骗专题</a>
                <a href="#">RSS订阅</a>
              </div>
            </div>
          </div>
          <div class="row fff">
            <div class="col-lg-4 col-md-4 col-sm-4 col-xs-12"><a href="">Copyright ©  虎嗅网 京ICP备12013432号-1</a></div>
            <div class="col-lg-4 col-md-4 col-sm-4 col-xs-12"><a href=""> 京公网安备 11010502037938号</a></div>
            <div class="col-lg-4 col-md-4 col-sm-4 col-xs-12"><a href="">未成年人保护反馈：yunying@huxiu.com</a></div>
          </div>
        </div>
      </footer>
</body>
</html>